<?php
	mySkyn::assetJS("/admin/core.js");
?>
<style type="text/css">
.categorias .panel{
	width:128px;
	height:128px;
	margin:5px;
	display:inline-block;
	position:relative;
	overflow: hidden;
	border:1px solid green;
	border-radius:5px
}
.categorias .panel a{
	text-decoration:none;
}
.categorias .panel strong{
	bottom: 0;
    font-family: times New Roman;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    padding: 2px;
    position: absolute;
    width: inherit;
	
}
.categorias .panel img
{
	max-width:128px;
	max-height:128px;
}
.categorias .panel .total{
	background-color: green;
    border-radius: 5px 5px 5px 5px;
    top: 0;
    color: white;
    font-family: monospace;
    font-weight: bold;
    padding: 1px;
    position: absolute;
    right: 0;
}
</style>
<table align="center">
	<tr>
		<td>
<div class="categorias">
<?php foreach($this->getData('categorias',array()) as $c):?>
	<div class="panel">
		<a href="<?=$this->getData('url') . $c['recetas_id']?>">
		<strong><?=$c['nombre']?></strong>
		<img src="<?=BASE_URL_FULL . '/'.$c['imagen']?>" alt="Imagen" />
		</a>
		<span class="total"><?=$c['total']?></span>
	</div>
<?php endforeach;?>
	<!--
	<div class="panel">Nombre</div>
	<div class="panel">Nombre</div>-->
</div>
		</td>
	</tr>
</table>